<template>
  <div class="home">
    <h1>欢迎来到首页</h1>
    <p>这是应用程序的首页。</p>
    <div class="hero-image"></div>
  </div>
</template>

<script>
export default {
  name: 'HomeView'
};
</script>

<style scoped>
.home {
  text-align: center;
  margin-top: 50px;
}

.hero-image {
  margin-top: 2rem;
  width: 100%;
  height: 300px;
  background-color: #42b983;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
</style>